<template>
    <el-main>
        <ep-breadcrumb></ep-breadcrumb>
        <el-main class="ep-body">
         <epl-top-bar :datas="{formData:form,panel:panel}" showPerson personType="PERSON_ALL_EXACT" psTagType="PERSON_INJURY_QUERY">
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>
			<epl-userMessage dataType="person" idCount="4" >
            </epl-userMessage>
        <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="工亡人员基本信息" name="1">
            <el-card class="ep-card">
                <el-form :model="form" ref="form" :rules="rules">
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="工伤认定书编号" name="alc011" :property="form.alc011" placeholder=""
                                  p="D"  ></ep-input>
                        <ep-date colspan="8" label="工伤认定日期"  name="alc031" :property="form.alc031" placeholder=""
                                  p="D" ></ep-date>
                        <ep-select colspan="8" label="工伤认定结论" name="ala015" :property="form.ala015" placeholder=""
                                  p="D"  codetype="ALA015"  ></ep-select>
                    </el-row>
                    
                    <el-row :gutter="10">
                        <ep-date colspan="8" label="因工死亡日期"  name="alc040" :property="form.alc040" placeholder=""
									p="D" ></ep-date>      
                        <ep-input colspan="8" label="老工伤标识" name="bae476" :property="form.bae476" placeholder=""
									p="D" ></ep-input>
                        <ep-input colspan="8" label="本人工资" name="elc001" :property="form.elc001" placeholder=""
                                    p="D" ></ep-input>
                    </el-row>        
                </el-form>
                </el-card>
            </el-collapse-item>

        <el-collapse-item title="供养亲属基本信息" name="2">
            <el-card class="ep-card">
                <el-form :model="form" ref="form" :rules="rules">
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="证件类型" name="aac058" :property="form.aac058"  placeholder="请选择证件类型"
                                p="R"   codetype="AAC058"></ep-select>
                                <ep-input colspan="8" label="证件号码" name="aac147" :property="form.aac147" placeholder="请输入证件号码"
                                p="R" ></ep-input>
                                <ep-input colspan="8" label="姓名" name="aac003" :property="form.aac003" placeholder=""
                                p="D" ></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="性别" name="aac004" :property="form.aac004"  placeholder=""
                                p="D"   codetype="AAC004"></ep-select>
                                <ep-select colspan="8" label="民族" name="aac005" :property="form.aac005"  placeholder=""
                                p="D"   codetype="AAC005"></ep-select>
                                <ep-date colspan="8" label="出生日期" name="aac006" :property="form.aac006" placeholder="" 
                                p="D"   type="date" ></ep-date>
                            </el-row>     
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="户口性质" name="aac009" :property="form.aac009"  placeholder=""
                                p="D"   codetype="AAC009"></ep-select>
                                <ep-input colspan="8" label="户口地址" name="aac010" :property="form.aac010" placeholder=""
                                p="D" ></ep-input>
                                <ep-select colspan="8" label="孤寡标志" name="aac086" :property="form.aac086"  placeholder="请选择孤寡标志"
                                p="R"   codetype="AAC086"></ep-select>
                            </el-row>
                            <el-row :gutter="10">
                                
                                <ep-select colspan="8" label="供养关系" name="aae144" :property="form.aae144" placeholder="请选择供养关系"
                                p="R"  codetype="BAE065"></ep-select>
                                <ep-date colspan="8" label="开始年月" name="aic160" :property="form.aic160" placeholder="请选择开始年月" 
                                p="R"   type="date" ></ep-date>
                                <ep-date colspan="8" label="终止年月" name="aic301" :property="form.aic301" placeholder="请选择终止年月" 
                                p="R"   type="date" ></ep-date>
                            </el-row>   
                            <el-row :gutter="10">
                               
                                <ep-input colspan="8" label="联系人姓名" name="aae004" :property="form.aae004" placeholder="请输入联系人姓名"
                                p="R" ></ep-input>
                                <ep-input colspan="8" label="联系手机" name="aae005" :property="form.aae005" placeholder="请输入联系人手机号"
                                p="R" ></ep-input>
                                <ep-input colspan="8" label="邮政编码" name="aae007" :property="form.aae007" placeholder=""
                                p="D" ></ep-input>
                            </el-row>  
                            <el-row :gutter="10">
                              
                                <ep-input colspan="8" label="联系地址" name="aae006" :property="form.aae006" placeholder=""
                                p="D" ></ep-input>
                                <ep-input colspan="8" label="供养亲属抚恤金" name="eac050" :property="form.eac050" placeholder=""
                                p="D" ></ep-input>
                            </el-row>   
                        </el-form>
                    </el-card>
                </el-collapse-item> 
            <el-collapse-item title="待遇发放信息" name="3">
                <el-card class="ep-card">
                    <el-form :model="form" ref="form" :rules="rules">
                        <el-row :gutter="10">
                            <ep-input colspan="8" label="发放银行" name="aaz065" :property="form.aaz065" placeholder="请输入发放银行"
                            p="R" ></ep-input>
                            <ep-input colspan="8" label="银行账号" name="aae010" :property="form.aae010"  placeholder="请输入银行账号"
                            p="R" ></ep-input>
                            <ep-input colspan="8" label="银行开户名" name="aae009" :property="form.aae009" placeholder="请输入银行开户名"
                            p="R"  ></ep-input>
                        </el-row>
                        <el-row :gutter="10">
                            <ep-date colspan="8" label="开户行行号" name="bae040" :property="form.bae040" placeholder="请选择开户行行号" 
                            p="R" format="yyyyMM" ></ep-date>
                            <ep-input colspan="8" label="开户行名称" name="bac049" :property="form.bac049" 
                            p="D" ></ep-input>
                        </el-row>
                    </el-form>
                </el-card>
            </el-collapse-item> 
        </el-collapse>
         <el-card class="ep-card">
             <ep-title>已存在供养亲属定期待遇信息</ep-title>
                    <el-table :data="tableData1" border style="width: 100%;">
                        <el-table-column width="150" sortable name="aac002" label="供养亲属社会保障号"></el-table-column>
                        <el-table-column sortable name="aac003" label="供养亲属姓名"></el-table-column>
                        <el-table-column sortable name="aae144" label="供养关系"></el-table-column>
                        <el-table-column sortable name="aaa036" label="待遇类别"></el-table-column>
                        <el-table-column sortable name="aae116" label="待遇发放状态"></el-table-column>
                        <el-table-column sortable name="aae041" label="开始年月"></el-table-column>
						<el-table-column sortable name="aae042" label="终止年月"></el-table-column>
                        <el-table-column sortable name="aae019" label="原待遇金额"></el-table-column>
						<el-table-column sortable name="aae019_new" label="核定后待遇金额"></el-table-column>
                    </el-table>
                <el-row type="flex" justify="center">
					<ep-saveButton id="doSave" top="20" type="primary" bottom="20"
									:datas="{formData: form,panel:panel}" name="保存"></ep-saveButton>
	                <ep-button id="cal01" top="20" type="primary" api="doCalculate" bottom="20"
                    :datas="{formData: form,tableData1:tableData1,tableData2:tableData2,tableData3:tableData3}" name="计算"></ep-button>
                </el-row>
         </el-card>
        </el-main>
    </el-main>
</template>


<script src="../js/DependantsPersonBenefitJS.js"></script>
